<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <p id="p">我是标签</p>
    <script>
        // try-catch  ==> 捕获代码错误

        function fn() {
            // try 将可能发生错误的代码,写到try里面
            try{
                const p = document.querySelector('.p')
                console.log(p)
                p.style.color = 'orange'
                console.log(666)
            } catch(err) {
                console.log(err)
                // try-catch可以拦截错误,捕获错误. 并且不会中断后面代码执行
                // 如果要中断后面代码执行
                // 1.return
                // 2.throw new Error('msg')
            }
            finally {
                // 这里面的代码,不管程序对不对,都会执行
            }
        }
        fn()

        // try+catch
        // try+catch+finally
    </script>
</body>
</html>